const border = require('../tw-lib-base/border/props')

module.exports = {
  value: {
    type: String,
    default: '',
    name: '选中菜单',
    filedType: 'value',
    dataSource: {
      from: 'data',
      type: 'array',
      labelKey: 'name',
      valueKey: 'value'
    }
  },

  defaultValue: {
    type: String,
    default: '',
    name: '默认值',
    filedType: 'string'
  },

  data: {
    type: Array,
    default () {
      return [
        {
          value: 'menu1',
          name: '菜单名称1',
          desc: '内容1',
          trend: 'down'
        },
        {
          value: 'menu2',
          name: '菜单名称2',
          desc: '内容2',
          trend: 'up'
        },
        {
          value: 'menu3',
          name: '菜单名称3',
          desc: '内容3'
        }
      ]
    },
    name: '',
    filedType: 'api'
  },

  isColumn: {
    type: Boolean,
    default: true,
    name: '是否垂直排列',
    filedType: 'switch'
  },

  height: {
    type: String,
    default: '60px',
    name: '菜单项高度',
    filedType: 'string'
  },

  itemBg: {
    type: String,
    default: '#e2e8ee',
    name: '菜单项背景',
    filedType: 'color'
  },

  itemBgHover: {
    type: String,
    default: '#e2e8ee',
    name: '菜单项滑过背景',
    filedType: 'color'
  },

  itemBgImg: {
    type: Array,
    default () {
      return []
    },
    name: '菜单项背景图片',
    filedType: 'file',
    limit: 100,
    maxSize: 1024
  },

  itemBgImgHover: {
    type: Array,
    default () {
      return []
    },
    name: '菜单项背景滑过图片',
    filedType: 'file',
    limit: 100,
    maxSize: 1024
  },

  itemPadding: {
    type: String,
    default: '20px',
    name: '项内边距',
    filedType: 'color'
  },

  nameFontSize: {
    type: String,
    default: '14px',
    name: '菜单名称字体大小',
    filedType: 'string'
  },

  nameFontColor: {
    type: String,
    default: '#333333',
    name: '菜单名称字体颜色',
    filedType: 'color'
  },

  desFontSize: {
    type: String,
    default: '14px',
    name: '描述字体大小',
    filedType: 'string'
  },

  desFontColor: {
    type: String,
    default: '#666666',
    name: '描述字体颜色',
    filedType: 'color'
  },

  fontIconSize: {
    type: String,
    default: '14px',
    name: '上升/下降图标大小',
    filedType: 'string'
  },

  upIconColor: {
    type: String,
    default: '#ff3e68',
    name: '上升图标颜色',
    filedType: 'color'
  },

  downIconColor: {
    type: String,
    default: '#0a77f5',
    name: '下降图标颜色',
    filedType: 'color'
  },

  ...border
}
